<script setup lang='ts'>
import { ref, reactive } from 'vue'
import { useComponents } from '../../stores/counter'
import { ElMessage } from 'element-plus'
import { storeToRefs } from 'pinia';
const { ClearHuancun } = useComponents()
const { canvasComponents } = storeToRefs(useComponents())
const ClearCache = () => {
    console.log(14141414);
    ClearHuancun();
    localStorage.removeItem('setcanvasComponents');
    ElMessage({
        showClose: true,
        message: '清除缓存成功。。。',
        type: 'success',
    })


}
</script>

<template>
    <div class="cf" @click="ClearCache">清除缓存</div>
</template>

<style lang='scss' scoped>
.cf {
    font-size: 16px;
}
</style>